<template>
  <div>
    <h1>useAttrs</h1>
    <el-button type="primary" round size="default" :icon="Edit" @click="handler"
      >Primary</el-button
    >
    <br />
    <HintButton
      type="primary"
      size="default"
      :icon="Edit"
      title="编辑按钮"
      @click="handler"
    ></HintButton>
  </div>
</template>

<script setup>
import {
  Check,
  Delete,
  Edit,
  Message,
  Search,
  Star,
} from "@element-plus/icons-vue";
//vue3框架提供一个方法useAttrs方法，它可以获取组件身上的属性与事件！！！
import HintButton from "./HintButton.vue";

const handler = () => {
  alert("beihai");
};
</script>

<style scoped></style>
